<%--
  Created by IntelliJ IDEA.
  User: 86178
  Date: 2023/7/4
  Time: 11:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书籍管理</title>

    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/menu.css">
    <link rel="stylesheet" href="CSS/bookstyle.css">
    <script src="JS/bookOperate.js"></script>
</head>
<body id="body-pd">
<div>
    <jsp:include page="leftMenu.jsp"></jsp:include>
    <div class="rightmenu">
        <div class="bookmenutitle"><h1>图书管理系统</h1></div>
        <div>
            <ul class="addition">
                <li><input type="text" name="" id="bookname" placeholder="书名"></li>
                <li><input type="text" name="" id="writer" placeholder="作者"></li>
                <li> <input type="text" name="" id="booknum" placeholder="数量"></li>
                <li> <input type="text" name="" id="press" placeholder="出版社"></li>
                <li> <input type="text" name="" id="price" placeholder="单价" > </li>
                <li><input class="addbook" type="button"  value="添加图书" onclick="addBook()">
                    <!-- <button id="" onclick="addBook()">添加图书</button></li> -->
            </ul>
        </div>
        <br>

        <div  class="search">
            <input type="text" placeholder="请输入想要查询的书名、作者或出版社">
            <button>检索</button>
        </div>

        <br><br><br>
        <div class="booksshow">
            <table border="2" id="table">
                <tr>
                    <th>书名</th>
                    <th>作者</th>
                    <th>数量</th>
                    <th>出版社</th>
                    <th>单价</th>
                    <th>总价</th>
                    <th>操作</th>
                </tr>

                <tr>
                    <td >无人生还</td>
                    <td>阿加莎</td>
                    <td >50</td>
                    <td>新星出版社</td>
                    <td>60</td>
                    <td>3000.00</td>
                    <td>
                        <input type="button" name="" id="updata" value="修改数量" onclick="updateRow(this)">
                        <input type="button" name="" id="del" value="删除" onclick="delRow(this)">
                    </td>

                </tr>

                <tr>
                    <td>边城</td>
                    <td>沈从文</td>
                    <td>50</td>
                    <td>武汉出版社</td>
                    <td>60</td>
                    <td>3000.00</td>
                    <td>
                        <input type="button" name="" id="" value="修改数量" onclick="updateRow(this)">
                        <input type="button" name="" id="" value="删除" onclick="delRow(this)">
                    </td>
                </tr>

                <tr>
                    <td>活着</td>
                    <td>余华</td>
                    <td>35</td>
                    <td>北京文艺出版社</td>
                    <td>40</td>
                    <td>1400.00</td>
                    <td>
                        <input type="button" name="" id="" value="修改数量" onclick="updateRow(this)">
                        <input type="button" name="" id="" value="删除" onclick="delRow(this)">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
<script src="JS/main.js"></script>
</body>
</html>